<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="Ajj">
    <title>myWork</title>
    <link rel="shortcut icon" href="img/logo.ico" type="image/png">
    <link rel="icon" href="img/logo.ico" type="image/png">
    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="font/yang.ttf" type='text/css'>-->
    <style>
        @font-face {
            font-family: '【微博@某菁 分享】汉仪易烊千玺体.ttf';
            src: url('font/yang.ttf');
        }
        
        body {
            background-color: pink;
        }
        
        .bg {
            width: 100px;
            height: 100px;
            background-image: url(img/bg.jpg);
            background-position: center center;
            background-size: 100px;
            border-radius: 50%;
            border: 1px solid red;
            position: absolute;
            right: 15px;
            top: 10px;
        }
        
        h1 {
            display: inline-block;
            font-size: 50px;
        }
        
        ol {
            float: left;
            width: 400px;
            margin-top: 10px;
            margin-left: 20px;
            font-size: 30px;
            font-family: '【微博@某菁 分享】汉仪易烊千玺体.ttf';
            color: white;
        }
        
        a {
            text-decoration: none;
            color: white;
        }
        
        a:hover {
            color: red;
        }
        
        .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    </style>
</head>

<body>
    <div class="top">
        <div class="bg" style="cursor: pointer" onclick="btn()"></div>
        <h1><a href="http://weibo.com/duWenJiaoAi" style="color: red;">//duWenJiao的个人主页:</a></h1>
    </div>
    <div>
        <ol>
            <li><a href="项目/jq练习/jq.html">jq练习</a></li>
            <li><a href="项目/拖拽图片上传.html">拖拽图片上传</a></li>
            <li><a href="项目/千图网/index.html">千图网</a></li>
            <li><a href="项目/下拉.html">下拉</a></li>
            <li><a href="项目/历史记录翻页效果/index.html">历史记录翻页效果</a></li>
            <li><a href="项目/订单/index.html">0216订单</a></li>
            <li><a href="项目/选择项目/index.html">0216选择项目</a></li>
            <li><a href="项目/下拉菜单/index.html">0216下拉菜单</a></li>
            <li><a href="项目/选项卡/index.html">0216选项卡</a></li>
            <li><a href="项目/0217/jq按钮轮播图/lunbo.html">0217jq按钮轮播图</a></li>
            <li><a href="项目/0217/jq五星好评/index.html">0217jq五星好评</a></li>
            <li><a href="项目/0217/上传图片/index.html">0217上传图片</a></li>
            <li><a href="项目/0217/鼠标放上去显示遮罩层/遮罩层.html">0217鼠标放上去显示遮罩层</a></li>
            <li><a href="项目/0220/图片翻转切换/图片翻转.html">0220图片翻转切换</a></li>
            <li><a href="项目/0220/图片切换/图片切换.html">0220图片切换</a></li>
            <li><a href="项目/0220/文字输入/检测用户输入输入字数.html">0220检测用户输入输入字数</a></li>
            <li><a href="项目/0220/置顶效果/置顶效果.html">0220置顶效果</a></li>
            <li><a href="项目/0221/弹窗.html">0221弹窗</a></li>
            <li><a href="项目/0223轮播练习/index.html">0223轮播练习</a></li>
            <li><a href="项目/原型链练习.html">0227原型链练习</a></li>
            <li><a href="项目/天气预报json.html">0301天气预报json</a></li>
        </ol>
        <ol>
            <li><a href="项目/0316/mi/index.html">0316小米PC</a></li>
            <li><a href="项目/0316/轮播图插件/index.html">0316轮播图插件</a></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</body>

</html>
<script>
    function btn(){
        location.href='http://weibo.com/duWenJiaoAi';
    }
</script>